<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商城·欢迎您</title>

    <link rel="stylesheet" href="../lib/css/swiper-bundle.min.css">
    <link rel="stylesheet" href="../css/index.css">
    <script src="../lib/js/swiper-bundle.min.js"></script>

</head>

<body>
    <div class="all">
            <header>
                <div class="leftbox">
                    <h3>账号信息</h3>
                    <img src="../static/image/user1.png" alt="">
                </div>
            
                <div class="title">
                    <!-- 动态渲染用户信息 -->
                </div>
            </header>
        
        <div class="container">
            
            <!-- 回到顶部 -->
            <div class="backTop">
                <img src="../static/image/huojian1.png" alt="">
            </div>
            <!-- 头标 -->
            <div class="title-header">
                <a href="javascript:void(0)" class="location">选择地区</a>
                <!-- <ul class="location-name">
                    <li><a href="javascript:void(0)">广州</a></li>
                    <li><a href="javascript:void(0)">广州</a></li>
                    <li><a href="javascript:void(0)">广州</a></li>
                    <li><a href="javascript:void(0)">广州</a></li>
                    <li><a href="javascript:void(0)">广州</a></li>
                    <li><a href="javascript:void(0)">广州</a></li>
                    <li><a href="javascript:void(0)">广州</a></li>
                    <li><a href="javascript:void(0)">广州</a></li>
                    <li><a href="javascript:void(0)">广州</a></li>
                    <li><a href="javascript:void(0)">广州</a></li>
                </ul> -->
                </a>
                <ul>
                    <li><a href="javascript:void(0)">签到有礼</a><span>/</span></li>
                    <li><a href="javascrip:void(0)">我的特卖</a><span>/</span></li>
                    <li><a href="javascript:void(0)">会员俱乐部</a><span>/</span></li>
                    <li><a href="javascript:void(0)">客户服务</a><span>/</span></li>
                    <li><a href="javascript:void(0)">更多</a></span></li>

                </ul>
            </div>
            <!-- 标题部分 -->
            <div class="nav-container">
                <!-- <img class="zp" src="../static/image/zp.png" alt=""> -->
                <!-- 导航 -->
                <ul>
                    <li></li>
                    <li><a href="../pages/index.html" class="index">首页</a>
                        <!-- <ul class="options">
                            <li>分类</li>
                            <li>
    
                                <a href="javascript:void(0)">女装</a><span>/</span>
                                <a href="javascript:void(0)">男装</a><span>/</span>
                                <a href="javascript:void(0)">奢品</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">女鞋</a><span>/</span>
                                <a href="javascript:void(0)">男鞋</a><span>/</span>
                                <a href="javascript:void(0)">箱包</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">美妆</a><span>/</span>
                                <a href="javascript:void(0)">饰品</a><span>/</span>
                                <a href="javascript:void(0)">洗护</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">男装</a><span>/</span>
                                <a href="javascript:void(0)">运动</a><span>/</span>
                                <a href="javascript:void(0)">百货</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">手机</a><span>/</span>
                                <a href="javascript:void(0)">数码</a>
    
                            </li>
                            <li>
                                <a href="javascript:void(0)">家装</a><span>/</span>
                                <a href="javascript:void(0)">电器</a><span>/</span>
                                <a href="javascript:void(0)">车品</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">食品</a><span>/</span>
                                <a href="javascript:void(0)">生鲜</a><span>/</span>
                                <a href="javascript:void(0)">母婴</a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">医药</a><span>/</span>
                                <a href="javascript:void(0)">保健</a><span>/</span>
                                <a href="javascript:void(0)">进口</a>
                            </li>
    
                        </ul> -->
                    </li>

                    <li><a href="../pages/shopcar.html">购物车</a>
                        <ul>
                            <li><a href="javascript:void(0)">今日加购</a></li>
                            <li><a href="javascript:void(0)">历史加购</a></li>
                        </ul>
                    </li>
                    <li><a href="javascript:void(0)">我的订单</a>
                        <ul>
                            <li><a href="javascript:void(0)">待付款</a></li>
                            <li><a href="javascript:void(0)">未发货</a></li>
                            <li><a href="javascript:void(0)">已发货</a></li>
                        </ul>
                    </li>
                    <li><a href="javascript:void(0)">商务合作</a>

                    </li>
                    <li><a href="javascript:void(0)">登录</a>
                        <ul>
                            <li><a href="../pages/login.html">我要登陆</a></li>
                            <li><a href="../pages/registe.html">我要注册</a></li>

                        </ul>
                    </li>
                </ul>

                <!-- 搜索框 -->
                <div class="search-container">
                    <input type="text" placeholder="搜索商品" value="">
                    <button><span><img src="../static/image/search1.png" alt="search"></span></button>
                </div>
                <!-- logo -->
                <!-- <img src="../static/image/wph.png" alt="logo"> -->
                <img src="https://b.appsimg.com/upload/momin/2020/06/16/82/1592278113502.png " alt="">

            </div>
            <div class="swiper-container">
                <ul class="options">
                    <li>分类</li>
                    <li>

                        <a href="javascript:void(0)">女装</a><span>/</span>
                        <a href="javascript:void(0)">男装</a><span>/</span>
                        <a href="javascript:void(0)">奢品</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">女鞋</a><span>/</span>
                        <a href="javascript:void(0)">男鞋</a><span>/</span>
                        <a href="javascript:void(0)">箱包</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">美妆</a><span>/</span>
                        <a href="javascript:void(0)">饰品</a><span>/</span>
                        <a href="javascript:void(0)">洗护</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">男装</a><span>/</span>
                        <a href="javascript:void(0)">运动</a><span>/</span>
                        <a href="javascript:void(0)">百货</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">手机</a><span>/</span>
                        <a href="javascript:void(0)">数码</a>

                    </li>
                    <li>
                        <a href="javascript:void(0)">家装</a><span>/</span>
                        <a href="javascript:void(0)">电器</a><span>/</span>
                        <a href="javascript:void(0)">车品</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">食品</a><span>/</span>
                        <a href="javascript:void(0)">生鲜</a><span>/</span>
                        <a href="javascript:void(0)">母婴</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">医药</a><span>/</span>
                        <a href="javascript:void(0)">保健</a><span>/</span>
                        <a href="javascript:void(0)">进口</a>
                    </li>

                </ul>
                <!-- 轮播容器 -->
                <div class="swiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide ">
                            <img class="one"
                                src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F01b4a95c4e61a9a801213f26a68a55.jpg%402o.jpg&refer=http%3A%2F%2Fimg.zcool.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1656317141&t=881fb2ed190c7c10a185c5a4e8512f03"
                                alt="1">
                        </div>
                        <div class="swiper-slide">
                            <img class="two"
                                src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F01e7185c344ceda80121df9096d7af.jpg%403000w_1l_2o_100sh.jpg&refer=http%3A%2F%2Fimg.zcool.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1656317230&t=6e97842270db7cb09e05bab9635019d7"
                                alt="2">
                        </div>
                        <div class="swiper-slide">
                            <img class="three"
                                src="https://img1.baidu.com/it/u=4058525751,1868086428&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500"
                                alt="3">
                        </div>
                    </div>
                    <!-- 如果需要分页器 -->
                    <div class="swiper-pagination"></div>

                    <!-- 如果需要导航按钮 -->
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>
                </div>
                <!-- 轮播滑动选择 -->
                <!-- <div class="which">
                    <ul>
                        <li><a href="javascript:void(0)">雅诗兰黛</a><span>|</span></li>
                        <li><a href="javascript:void(0)">口红</a><span>|</span></li>
                        <li><a href="javascript:void(0)">电脑</a></li>
                    </ul>
                </div> -->

            </div>

            <!-- 热卖品 -->
            <div class="hot-container">
                <!-- 标题 -->

                <div>
                    <a href="javascript:void(0)">
                        <img src="https://h2.appsimg.com/b.appsimg.com/upload/momin/2022/05/26/128/1653551082182_2340x240_90.jpg"
                            alt="">
                    </a>
                </div>

                <!-- 热卖品图片 -->
                <ul>

                    <li>
                        <a href="javascript:void(0)">
                            <img src="https://h2.appsimg.com/b.appsimg.com/upload/momin/2022/05/26/188/1653551269973_756x500_90.jpg"
                                alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <img src="https://h2.appsimg.com/b.appsimg.com/upload/momin/2022/05/26/188/1653551269973_756x500_90.jpg"
                                alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)">
                            <img src="https://h2.appsimg.com/b.appsimg.com/upload/momin/2022/05/26/188/1653551269973_756x500_90.jpg"
                                alt="">
                        </a>
                    </li>
                </ul>

            </div>
            <!-- 商品展示 -->
            <div class="show-container">
                <div>
                    <a href="javascript:void(0)">
                        <img src="https://a.vpimg2.com/upload/flow/2018/08/17/154/15344789862278.jpg" alt="">
                    </a>
                </div>
                <!-- 商品展示区 -->

                <div class="product-list-wrapper">

                </div>
                <button class="more">加载更多</button>
            </div>
            <!-- 脚本 -->
            <div class="footer">

            </div>
        </div>
    </div>



    <script src="../lib/js/axios.min.js"></script>
    <script src="../js/index.js"></script>



</body>

</html>